<%@page contentType="text/html; charset=UTF-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<link href="/static/jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<link href="/static/jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/static/jquery/jquery-1.11.1-min.js"></script>
<script type="text/javascript" src="/static/jquery/bootstrap_3.3.0/js/bootstrap.min.js"></script>
<script>
	jQuery(function ($) {
			//需求验证：离焦验证
		$("#code").blur(function () {//code离家
			//不能为空，不能有中文
			var code =$("#code").val();
			if(!code){
				alert("编码不能为空");
				return;//返回当前页面
			}
			//不能为中文，我们借助正则表达式完成！
			if(/[\u4e00-\u9fa5]/.test(code)){
				//中文的正则表达式为[\u4e00-\u9fa5]
				//记得在两端家 //  【整体如果code包含中文则为true】
				//并调用test()方法，把要判断的变量传进去即可！
				alert("编码不能包含有中文！");
				return;//返回当前页面

			}

			//两个都满足的情况下，我们进行后台验证，看编码是不是重复
			$.ajax({
				url:"/type/getCode.do",
				data:{
					code:$("#code").val()
				},
				success(data){
					if(!data){
						alert("编码重复，请重新填写");
						$("#code").val("");
						return;
					}
				}
			})
		});




		$("#saveBtn").click(function () {
			//需求：编码不能是中文，并且编码作为主键：主键特点：不能为空，不能重复
			//分类分析：需求可以分为前端处理和后端处理
			//前端处理：编码不能为空，编码不能是中文
			//后端处理；编码不能重复
			//事件处理方式：编码框 离焦 可即可反应是否符合

			if($("#code").val() ==null){
				alert("编码不能为空！")
			}

			$.ajax({
				url:"/type/addDictionaryType.do",
				type:"post",
				data:{
					code:$("#code").val(),
					name:$("#name").val(),
					description:$("#description").val()
				},
				success(data) {
					location ="/settings/dictionary/index.html"
				}
			})
		});


	})


</script>
</head>
<body>

	<div style="position:  relative; left: 30px;">
		<h3>新增字典类型</h3>
	  	<div style="position: relative; top: -40px; left: 70%;">
			<button id="saveBtn" type="button" class="btn btn-primary">保存</button>
			<button type="button" class="btn btn-default" onclick="window.history.back();">取消</button>
		</div>
		<hr style="position: relative; top: -40px;">
	</div>
	<form class="form-horizontal" role="form">
					
		<div class="form-group">
			<label for="create-code" class="col-sm-2 control-label">编码<span style="font-size: 15px; color: red;">*</span></label>
			<p class="col-sm-10" style="width: 300px;">
				<input type="text" class="form-control" id="code" style="width: 200%;" placeholder="编码作为主键，不能是中文">
			</div>
		</div>
		
		<div class="form-group">
			<label for="create-name" class="col-sm-2 control-label">名称</label>
			<div class="col-sm-10" style="width: 300px;">
				<input type="text" class="form-control" id="name" style="width: 200%;">
			</div>
		</div>
		
		<div class="form-group">
			<label for="create-describe" class="col-sm-2 control-label">描述</label>
			<div class="col-sm-10" style="width: 300px;">
				<textarea class="form-control" rows="3" id="description" style="width: 200%;"></textarea>
			</div>
		</div>
	</form>
	
	<div style="height: 200px;"></div>
</body>
</html>